<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/css/category/tel.css">
    <script src="/lib/jquery/jquery.min.js"></script>
    <link rel="stylesheet" href="/css/category/base.css">
    <script src="/js/iscroll.js"></script>
    <script src="/js/template.js"></script>
</head>

<body>

    <!-- 电视页面 -->
    <div class="tel_container">

        <!-- 头部 -->
        <div class="tel_header">

            <img src="/images/mlogo.png" alt="">

            <form action="">
                <input type="search" value="商品比价 查历史价">
                <i class="glyphicon glyphicon-search"></i>
            </form>

            <a class="header_right">下载</a>
        </div>

        <!-- 导航 -->
        <div class="nav" id="header_nav">
            <ul class="nav_content clearfix">
                <li><a href="" class="active">首页</a></li>
                <li><a href="">省钱控</a></li>
                <li><a href="">查历史价</a></li>
                <li><a href="">比价搜索</a></li>
                <li><a href="">国内折扣</a></li>
                <li><a href="">白菜价</a></li>
                <li><a href="">小时风云</a></li>
            </ul>
        </div>

        <!-- 筛选 -->
        <div class="selected">
            <ul class="select_content clearfix">
                <li><a href="" class="active">综合</a></li>
                <li><a href="">销量</a></li>
                <li><a href="">价格</a></li>
                <li><a href="">筛选</a></li>
            </ul>
        </div>

        <!-- 商品 -->
        <div class="pro_wrap">

            <!-- 占坑专用 -->
        </div>

        <!-- 分页 -->
        <div class="pagination">
            <div class="page_wrap">
                <div class="left_buttom button">上一页</div>
                <div class="page_num">
                    <select id="page_num" value="1">
                        <option class="sel" name="" value="1">1</option>
                        <option class="sel" name="" value="2">2</option>
                        <option class="sel" name="" value="3">3</option>
                        <option class="sel" name="" value="4">4</option>
                        <option class="sel" name="" value="5">5</option>
                        <option class="sel" name="" value="6">6</option>
                        <option class="sel" name="" value="7">7</option>
                    </select>
                </div>
                <div class="right_button button">下一页</div>
            </div>
            <div class="bottom_text">
                相关链接: <span>电视机十大品牌 电视机口碑大全</span>
            </div>
        </div>


    </div>

</body>

</html>



<script type="text/template" id="tel_temp">
    {{each data as value index}}
        <div class="pro_intro">
                <div class="pro_left">
                    <a href="">
                        {{#value.productImg}}
                    </a>
                </div>
                <div class="pro_right">
                    <div class="pro_title">{{value.productName}}</div>
                    <p>{{value.productPrice}}</p>
                    <div class="con">
                        <span>商城{{value.productQuote}}</span>
                        <span>{{value.productCom}}</span>
                    </div>
                </div>
        </div>
    {{/each}}


</script>
<script src="/js/category/tel.js"></script>
